$maxwidth:540px;
$headerTop:45px;
$n:54;
$debc: #e4e4e4;
$title: 16px;
$subtitle: 13px;
// $f24:0.6rem;
// $f22:0.535rem;
// $f20:0.44rem;
// $f18:0.482rem;
// $f16:0.428rem;
// $f14:0.375rem;
// $f12:0.33rem;
$f24:24px;
$f22:22px;
$f20:20px;
$f18:18px;
$f16:16px;
$f14:14px;
$f12:12px;


$smsub: 12px;
$margin: 10px;
$red: #f23030;
$redff3: #ff3c32;
$gray: #999;
$gray222: #222;
$gray888: #888;
$gray555: #555;
$gray4a: #4a4a4a;
$grayd0: #d0d0d0;
$border: #e1e1e1;
$colorff2: #ff2d4b;
$colord70: #d70f1d;
$colorf48: #f48f18;
$colorf4: #f4f4f4;
$colorf8: #f8f8f8;
$padding: 10px;
$fontfamily: 'Microsoft Yahei';
$footerHeight: 50px;

//flex box
@mixin flexbox($jc:space-between, $ai:center, $fd:row, $fw:nowrap) {
  display: flex;
  flex: 1;
  justify-content: $jc;
  align-items: $ai;
  flex-direction: $fd;
  flex-wrap: $fw;
}

// width height
@mixin wh($w:100%, $h:100%) {
  width: $w;
  height: $h;
}

@mixin radius($radius:50%) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  -o-border-radius: $radius;
  border-radius: $radius;
  border: 1px solid #eee;
}

// 背景图片地址和大小
@mixin bg($url) {
  background-image: url($url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@mixin tslate($left:50%,$top:50%) {
  -webkit-transform:translate($left,$top);
  -moz-transform:translate($left,$top);
  transform:translate($left,$top);
}

// clamp
@mixin textoverflow($clamp:1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $clamp;
  overflow: hidden;
}

//渐变
@mixin gradient($rc, $lc) {
  background-image: -webkit-gradient(linear, left bottom, left top, from($rc), to($lc));
  background-image: -webkit-linear-gradient(bottom, $rc, $lc);
  background-image: -o-linear-gradient(bottom, $rc, $lc);
  background-image: linear-gradient(0deg, $rc, $lc);
  background-image: -webkit-linear-gradient(0deg, $rc, $lc);
}

@mixin placeholderColor($color) {
   ::-webkit-input-placeholder {
    color: $color;
  }
   :-moz-placeholder {
    color: $color;
  }
   ::-moz-placeholder {
    color: $color;
  }
   :-ms-input-placeholder {
    color: $gray;
  }
}
